(function(){
    //实例化对象
    var myCharts=echarts.init(document.querySelector('.line-one .chart'));
var  option = {

    tooltip: {
        trigger: 'axis',
    },
    legend: {
        data: ['2#转炉二次烟气', '1#高炉出铁场','发电燃气炉','1#高炉矿厂','256m然结机尾','发电燃气炉备份','1#高炉矿厂备份','256m然结机尾备份'],
		 icon: "circle",
        top:"0%",
		left:"37%",
        textStyle:{
        	color:"rgba(255, 255, 255, 1)",
        	fontSize:"14"
        }
    },
    grid: {
    	top:"50",
        left: '10',
        right: '10',
        bottom: '10',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ["00","01","02","03","04","05","06","07","08","09","10","11",
            "12","13","14","15","16","17","18","19","20","21","22","23","24","(h)"],
            axisLabel:{
            	textStyle:{
            		color:"rgba(125, 166, 239, 1)",
            		fontSize:12
            	}
            },
			
            axisLine:{
            	//去除轴线
            	show:false
            },
            axisTick:{//坐标轴刻度相关设置。
            	show: false,
            },
            splitLine: { //坐标轴在 grid 区域中的分隔线。
            	show: false,
            },
        }
    ],
    yAxis: [
        {
            type: 'value',
            //不显示刻度标签
            axisTick:{
            	show:false
            },
			boundaryGap: ['20%', '20%'],
            axisLine:{
				show:false
			},
            axisLabel:{
            	textStyle:{
            		color:"rgba(125, 166, 239, 1)",
            		fontSize:12
            	}
            },
            //修改分割线颜色
            splitLine:{
            	lineStyle:{
            		color:"rgba(255,255,255,0.2)"
            	},
				show:false
            }
        }
    ],
    series: [
        {
            name: '2#转炉二次烟气',
            type: 'line',
            // smooth:true,
            lineStyle:{
            	color:"rgba(20, 179, 254, 1)",
            	width:2
            },
            //填充颜色设置
            areaStyle: {
            	color:new echarts.graphic.LinearGradient(
            		0,
            		0,
            		0,
            		1,
            		[
            		{
            			offset:0,
            			color:"rgba(1,22,213,0.4)"//渐变色的起始颜色
            		},
            		{
            			offset:0.8,
            			color:"rgba(1,12,213,0.1)"//渐变色的结束颜色
            		}
            		],
            		false
            	),
            	shadowColor:"rgba(0,0,0,0.1)"
            },
            //设置拐点
            symbol:'circle',
            //设置拐点大小
            symbolSize:5,
            //开始不显示拐点，鼠标经过再显示
            showSymbol:false,
            //设置拐点颜色以及边框
            itemStyle:{
            	color:"rgba(0, 129, 255, 1)",
            	borderColor:"rgba(221,220,107,0.1)",
            	borderWidth:12
            },
            data: [0.18,0.14,0.7,0.16,0.13,0.08,0.09,0.12,0.18,0.04,0.17,0.16,0.03,0.3,0.18,0.9,0.12,0.18,0.14,0.11,0.07,0.17,0.15,0.12,0.08]
        },
        {
            name: '1#高炉出铁场',
            type: 'line',
            // smooth:true,
            //单独修改当前线条的颜色
            lineStyle:{
            	color:"#0184d5",
            	width:2
            },
            //填充颜色设置
            areaStyle: {
            	color:new echarts.graphic.LinearGradient(
            		0,
            		0,
            		0,
            		1,
            		[
            		{
            			offset:0,
            			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
            		},
            		{
            			offset:0.8,
            			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
            		}
            		],
            		false
            	),
            	shadowColor:"rgba(0,0,0,0.1)"
            },
            //设置拐点
            symbol:'circle',
            //设置拐点大小
            symbolSize:7,
            //开始不显示拐点，鼠标经过再显示
            showSymbol:false,
            //设置拐点颜色以及边框
            itemStyle:{
            	color:"rgba(189, 64, 241, 1)",
            	borderColor:"rgba(221,220,107,0.1)",
            	borderWidth:12
            },
           data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
        },
       {
           name: '发电燃气炉',
           type: 'line',
           // smooth:true,
           //单独修改当前线条的颜色
           lineStyle:{
           	color:"#0184d5",
           	width:2
           },
           //填充颜色设置
           areaStyle: {
           	color:new echarts.graphic.LinearGradient(
           		0,
           		0,
           		0,
           		1,
           		[
           		{
           			offset:0,
           			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
           		},
           		{
           			offset:0.8,
           			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
           		}
           		],
           		false
           	),
           	shadowColor:"rgba(0,0,0,0.1)"
           },
           //设置拐点
           symbol:'circle',
           //设置拐点大小
           symbolSize:7,
           //开始不显示拐点，鼠标经过再显示
           showSymbol:false,
           //设置拐点颜色以及边框
           itemStyle:{
           	color:"rgba(123, 123, 123, 1)",
           	borderColor:"rgba(221,220,107,0.1)",
           	borderWidth:12
           },
          data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
       },
	   {
	       name: '1#高炉矿厂',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '256m然结机尾',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '256m然结机尾',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '发电燃气炉备份',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '1#高炉矿厂备份',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '256m然结机尾备份',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
    ]
};
			//把配置项给实例对象
	myCharts.setOption(option);
	

})();

